<template>
	<view class="zy-column-full">
		<zy-title title="Invitaion"></zy-title>
		
		<scroll-view class="zy-scroll zy-page-padding" scroll-y>
			<!-- tip1 -->
			<view class="zy-row-center zy-text-black-lg-super zy-mt-lg">Invite friernds to earn commissions</view>
			<view class="zy-row-center zy-text-gray zy-mt-lg">copy your incitation code invitation link to send to a friendsign up with your invition code or link to join your team</view>
			<!-- 卡片1:邀请码和邀请链接 -->
			<view class="zy-bg-white-r30 zy-pv-lg zy-mt-lg">
				<view class="zy-text-gray-lg-bold zy-pl">Invitation Code</view>
				<view class="zy-row-between zy-ph zy-mv">
					<view class="zy-flex-width zy-btn-gray-lg-capsule-border zy-text-black-lg-bold">WXKAZF</view>
					<view class="zy-btn-black-lg-capsule zy-text-white-lg-bold zy-ml-lg">Copy</view>
				</view>
				<zy-line></zy-line>
				<view class="zy-text-gray-lg-bold zy-pl zy-mt">Invitation Links</view>
				<view class="zy-row-between zy-ph zy-mt">
					<view class="zy-flex-width zy-btn-gray-lg-capsule-border zy-text-black-lg-bold zy-text-line">https://www.sun…</view>
					<view class="zy-btn-black-lg-capsule zy-text-white-lg-bold zy-ml-lg">Copy</view>
				</view>
			</view>
			<!-- tip2 -->
			<view class="zy-row-center zy-text-black-lg-super zy-mt-lg">Team Bons</view>
			<view class="zy-row-center zy-text-gray zy-mt-lg">The bonus is calculated according to the achievemnt,
				and the bonus is received from your manager every week according to the achievement</view>
			<!-- 卡片2:上周，本周-->
			<view class="zy-row zy-bg-white-r30 zy-p-lg zy-mt-lg">
				<view class="zy-column-center-v zy-flex-width">
					<view class="zy-row-center zy-text-black-sm zy-font-bold">Last week’achievement</view>
					<view class="zy-text-main-lg-bold zy-mt">7,319,419.00</view>
				</view>
				<view style="width: 1px; height: 134rpx; background-color: #ccc;"></view>
				<view class="zy-column-center-v zy-flex-width">
					<view class="zy-row-center zy-text-black-sm zy-font-bold">Tis week’s achievement</view>
					<view class="zy-text-main-lg-bold zy-mt">7,319,419.00</view>
				</view>
			</view>
			<!-- 卡片3:价格-->
			<view class="zy-mt-lg">
				<view class="zy-row zy-bg-orange-gradient-rt30 zy-ph-lg zy-pv">
					<view class="zy-row-center zy-flex-width zy-text-white-sm zy-font-bold">Achievement</view>
					<view class="zy-row-center zy-flex-width zy-text-white-sm zy-font-bold">Bonus</view>
				</view>
				<view class="zy-bg-white-rb30 zy-ph-lg zy-pb-lg">
					<view class="zy-row zy-pv">
						<zy-price class="zy-row-center zy-flex-width" color="black" price="5,000.00"></zy-price>
						<zy-price class="zy-row-center zy-flex-width" color="black" price="5,000.00"></zy-price>
					</view>
					<zy-line></zy-line>
					<view class="zy-row zy-pv">
						<zy-price class="zy-row-center zy-flex-width" color="black" price="5,000.00"></zy-price>
						<zy-price class="zy-row-center zy-flex-width" color="black" price="5,000.00"></zy-price>
					</view>
					<zy-line></zy-line>
					<view class="zy-row zy-pv">
						<zy-price class="zy-row-center zy-flex-width" color="black" price="5,000.00"></zy-price>
						<zy-price class="zy-row-center zy-flex-width" color="black" price="5,000.00"></zy-price>
					</view>
					<zy-line></zy-line>
					<view class="zy-row zy-pv">
						<zy-price class="zy-row-center zy-flex-width" color="black" price="5,000.00"></zy-price>
						<zy-price class="zy-row-center zy-flex-width" color="black" price="5,000.00"></zy-price>
					</view>
					<zy-line></zy-line>
					<view class="zy-row-center zy-text-main-sm-super zy-mt">Achievement=1st tier purchase amount*100%+2nd
tier purchase amount*20%+3rd tier tier purchase amount*10%</view>
				</view>
				
			</view>
			
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
